<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>粤亮旅游网--注册</title>
  <link rel="stylesheet" href="../css/register.css">
  <!-- 引入favicon图标 -->
  <link rel="shortcut icon" href="../favicon.ico" />
  <!-- 公共 -->
  <link rel="stylesheet" href="../css/common.css">
  <!--导入jquery-->
  <script src="../js/jquery-3.3.1.js"></script>
  <script src="../js/register.js"></script>
</head>

<body>
<section class="shortcut">
  <div class="top-bgc">
    欢迎来到粤亮旅游网!
  </div>
  <div class="w">
    <div class="mine">
      <ul>
<!--        <li class="fl">-->
<!--          <a href="#">我的收藏</a>-->
<!--          &nbsp;&nbsp;&nbsp;-->
<!--          <a href="#">退出</a>-->
<!--        </li>-->
      </ul>
    </div>

  </div>
</section>
  <div class="rg_layout">
    <div class="rg_form clearfix">
      <div class="rg_form_left">
        <p>新用户注册</p>
        <p>USER REGISTER</p>
      </div>
      <div class="rg_form_center">
        <!--注册表单-->
        <form id="registerForm">
          <!--提交处理请求的标识符-->
          <input type="hidden" name="action" value="register">
          <table style="margin-top: 25px;">
            <tr>
              <td class="td_left">
                <label for="username">用户名</label>
              </td>
              <td class="td_right">
                <input type="text" id="username" name="username" placeholder="请输入账号">
              </td>
              <td class="td_right">
                <label id="username_label" class="regist_label" style="display: none;">用户名不能为空</label>
              </td>
            </tr>
            <tr>
              <td class="td_left">
                <label for="password">密码</label>
              </td>
              <td class="td_right">
                <input type="text" id="password" name="password" placeholder="请输入密码">
              </td>
              <td class="td_right">
                <label id="password_label" class="regist_label" style="display: none;">密码不能为空</label>
              </td>
            </tr>
            <tr>
              <td class="td_left">
                <label for="email">Email</label>
              </td>
              <td class="td_right">
                <input type="text" id="email" name="email" placeholder="请输入Email">
              </td>
              <td class="td_right">
                <label id="email_label" class="regist_label" style="display: none;">Email不能为空</label>
              </td>
            </tr>
            <tr>
              <td class="td_left">
                <label for="name">姓名</label>
              </td>
              <td class="td_right">
                <input type="text" id="name" name="name" placeholder="请输入真实姓名">
              </td>
              <td class="td_right">
                <label id="name_label" class="regist_label" style="display: none;">姓名不能为空</label>
              </td>
            </tr>
            <tr>
              <td class="td_left">
                <label for="telephone">手机号</label>
              </td>
              <td class="td_right">
                <input type="text" id="telephone" name="telephone" placeholder="请输入您的手机号">
              </td>
              <td class="td_right">
                <label id="telephone_label" class="regist_label" style="display: none;">手机号不能为空</label>
              </td>
            </tr>
            <tr>
              <td class="td_left">
                <label for="sex">性别</label>
              </td>
              <td class="td_right gender">
                <input type="radio" id="sex" name="sex" value="男" checked> 男
                <input type="radio" name="sex" value="女"> 女
              </td>
            </tr>
            <tr>
              <td class="td_left">
                <label for="birthday">出生日期</label>
              </td>
              <td class="td_right">
                <input type="date" id="birthday" name="birthday" placeholder="年/月/日">
              </td>
              <td class="td_right">
                <label id="birthday_label" class="regist_label" style="display: none;">出生日期不能为空</label>
              </td>
            </tr>
            <tr>
              <td class="td_left">
              </td>
              <td class="td_right check">
                <input type="submit" class="submit" value="注册">
                <span id="errorMsg" style="color: red;font-size: 12px;"></span>
              </td>
            </tr>
          </table>
        </form>
      </div>
      <div class="rg_form_right">
        <p>已有账号？<a href="login.html">立即登录</a></p>
      </div>
    </div>
  </div>

<footer class="footer">
  <div class="w">
    <div class="mod_service">
      <ul>
        <li>
          <h5></h5>
          <div class="service_txt">
            <h4>价格保证</h4>
            <p>同类产品,保证低价</p>
          </div>
        </li>
        <li>
          <h5></h5>
          <div class="service_txt">
            <h4>退订保障</h4>
            <p>因特殊情况影响出行,保证退订</p>
          </div>
        </li>
        <li>
          <h5></h5>
          <div class="service_txt">
            <h4>救援保障</h4>
            <p>旅途中意外情况,保证援助</p>
          </div>
        </li>
        <li>
          <h5></h5>
          <div class="service_txt">
            <h4>贴心服务</h4>
            <p>快速响应,全年无休</p>
          </div>
        </li>
      </ul>
    </div>
    <div class="mod_help">
      <dl>
        <dt>关于我们</dt>
        <dd><a href="#">粤亮简介</a></dd>
        <dd><a href="#">旅游度假资质</a></dd>
        <dd><a href="#">网络地图</a></dd>
        <dd><a href="#">诚聘英才</a></dd>
        <dd><a href="#">知识产权声明</a></dd>
        <dd><a href="#">用户协议</a></dd>
      </dl>
      <dl>
        <dt>加盟合作</dt>
        <dd><a href="#">团购预约</a></dd>
        <dd><a href="#">分销系统</a></dd>
        <dd><a href="#">平台开放</a></dd>
        <dd><a href="#">供应商结盟合作</a></dd>
      </dl>
      <dl>
        <dt>联系我们</dt>
        <dd><a href="#">门店信息</a></dd>
        <dd><a href="#">意见反馈</a></dd>
        <dd><a href="#">不良信息处置方法</a></dd>

      </dl>
      <dl>
        <dt>订购指南</dt>
        <dd><a href="#">门票使用</a></dd>
        <dd><a href="#">常见问题</a></dd>
      </dl>

      <dl>
        <dt>售后服务</dt>
        <dd><a href="#">退货说明</a></dd>
        <dd><a href="#">投诉建议</a></dd>
      </dl>
      <dl>
        <dt>帮助中心</dt>
        <dd>
          <img src="../images/了解更多.png" alt="">
          粤亮客户端
        </dd>
      </dl>
    </div>
    <div class="mod_copyright">
      <div class="links">
        <a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 商家入驻 | 营销中心 | 手机粤亮 | 友情链接 | 销售联盟 | 粤亮社区 |
        品优购公益 | English Site | Contact U
      </div>
      <div class="copyright">
        地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
        京ICP备08001421号京公网安备110108007702
      </div>
    </div>
  </div>
</footer>
</body>

</html>